<template>
	<view-box class="errorUp" bodyPaddingTop="0" bodyPaddingBottom="0" style="background: #FFFFFF;">
		<x-header> 建言献策
			<a slot="right" @click="showMenu">
				<span class="righttext"> ＋ </span>
			</a>
		</x-header>
		<group v-for="item in ml_list" :title="item.letter">
			<cell v-for="data in filterLsit(item.data) " :title="data.name | sub" :key="data.id" is-link @click.native="go('ZymlListxq',{id:data.id,name:data.name})">
				<div>
					<span style="color: green">[{{data.mountCount}}/{{data.catalogCount}}]</span>
				</div>
			</cell>
		</group>

	</view-box>
</template>

<script>
	import {
		ViewBox,
		Flexbox,
		FlexboxItem,
		XHeader,
		Search,
		Cell,
		CellBox,
		CellFormPreview,
		Group,
		Tabbar,
		TabbarItem,
		TransferDom,
		Actionsheet,
		Sticky
	} from "vux";
	import { mapState, mapMutations, mapGetters, mapActions } from "vuex";
	export default {
		name: "MessagePage",
		components: {
			ViewBox,
			Flexbox,
			FlexboxItem,
			XHeader,
			Search,
			Cell,
			CellBox,
			CellFormPreview,
			Group,
			Tabbar,
			TabbarItem,
			Actionsheet,
			Sticky
		},
		data() {
			return {
				messageList:[
					{
						UserId:"1",
						UserName: "阿强",
						createTime:'2018-09-12',
						
					}
				]
			}
		},
		computed: {},
		created() {
			if(this.$route.query.id !== undefined) {
				this.titles = this.$route.query.id;
			}
		},
		mounted() {},
		methods: {

			getTime() {
				var now = new Date();
				var year = now.getFullYear();
				var month = now.getMonth() + 1;
				var day = now.getDate();
				month.length < 2 ? "0" + month : month;
				day.length < 2 ? "0" + day : day;
				return year + "-" + month + "-" + day;
			}
		}
	};
</script>

<style lang="less">
	.righttext {
		color: #fff;
		font-size: 24px;
		font-weight: bold;
	}
</style>